<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ include file="/WEB-INF/view/common/common.jsp" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>公司职位详情</title>
		<link rel="stylesheet" href="${url}/vendor/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="${url}/css/header.css" />
		<link rel="stylesheet" href="${url}/css/common.css"/>
		<link rel="stylesheet" href="${url}/css/position.css"/>
		<link rel="stylesheet" href="${url}/css/select-city.css" />
		<link rel="Shortcut Icon" href="${url}/img/favicon.ico">
	</head>
	
	<body>
	 <%@ include file="/WEB-INF/view/common/header.jsp" %>
		<div class="index-wrapper" id="wrapper">
			<div class="float-wrapper">
				<div class="wrap-header">
					<span>切换城市</span>
					<span id="close" style="float: right;font-size: 30px;cursor: pointer;">x</span>
				</div>
				<div class="changecity-header">
					<span style="font-size:22px;">亲爱的用户您好：</span><br /><br />
					<span>切换城市分站，让我们为您提供更准确的职位信息。</span>
				</div>
				<div class="city-wrapper">
					<ul id="citys">
						<li>
							<a href="${url}/javascript:void(0)" class="active">全国站</a>
						</li>
						<li>
							<a href="${url}/javascript:void(0)">北京站</a>
						</li>
						<li>
							<a href="${url}/javascript:void(0)">上海站</a>
						</li>
						<li>
							<a href="${url}/javascript:void(0)">杭州站</a>
						</li>
						<li>
							<a href="${url}/javascript:void(0)">广州站</a>
						</li>
					</ul>
				</div>
				<div class="float-footer">其他城市正在开通中，敬请期待~</div>
			</div>
		</div>
		<!--主体内容-->
		<div class="position-header">
			<div class="position-content">
				<div class="content-left">
					<div class="work-name">
						<div class="company-name">${position.company$name }招聘</div>
						<span class="name">${position.name }</span>
					</div>
					<div class="work-request">
						<p>
							<span class="salary">${position.salaryBegin }-${position.salaryEnd }</span>
							<span>/ ${position.province$name }-${position.city$name }</span>
							<span>/ ${position.workExperienceStr }</span>
							<span>/ ${position.educationStr }</span>
						</p>
						<ul class="lable clearfix">
						<c:forEach items="${position.treatments }" var="treatment">
							<li>${treatment }</li>
						</c:forEach>
						</ul>
						<p class="public-time"><fmt:formatDate value="${position.publishTime }" pattern="yyyy-MM-dd"/>&nbsp;发布于拉勾网</p>
					</div>
				</div>
				<div class="content-right">
					<a href="${url}/javascript:void(0)" class="resume">投个简历</a>
				</div>
			</div>
		</div>
		<div class="position-container">
			<div class="left">
				<div class="job-description modular">
					<div class="title">职位描述</div>
					<div class="content">
						${position.job }
					</div>
				</div>
				<div class="job-duty modular">
					<div class="title">任职要求</div>
					<div class="content">
						${position.duty}
					</div>
				</div>
				<div class="contact-way modular">
					<div class="title">联系方式</div>
					<div class="content">
						<div class="linkman">联系人：${position.company$linkman }</div>
						<div class="contact-number">联系电话：${position.company$phone }</div>
						<div class="adress">公司地址：${position.company$address }</div>
					</div>
				</div>
				<div class="interview-evaluation modular">
					<div class="title">面试评价</div>
					<div class="reviews-area content">
						<!--如果有评价显示下面的html-->
						<div class="have-evaluation">
							<div class="reviews-top">
								<div class="comprehensive-score">
									<span class="text">综合评分：</span>
									<div class="stars">
										<span></span>
									</div>
									<span class="score">5.0</span>
									<span class="count">(来自2份评价)</span>
								</div>
							</div>
							<div class="reviews-list">
							<ul class="list-content">
								<li>
									<div class="photo">
										<img src="${url}/img/photo1.jpg">
									</div>
									<div class="review-right">
										<div class="review-stars clearfix">
											<a class="review-name" title="吕*">吕*</a>
											<span class="title">面试评分&nbsp;&nbsp;:&nbsp;&nbsp;</span>
											<div class="stars">
												<span></span>
											</div>
											<span class="title">面试职位&nbsp;&nbsp;:&nbsp;&nbsp;</span>
											<span class="title">web前端</span>
											<span class="review-date">2017-06-02</span>
										</div>
										<div class="review-tags clearfix">
											<div class="tag">面试官很nice</div>
											<div class="tag">面试效率高</div>
											<div class="tag">环境高大上</div>
										</div>
										<div class="review-content clearfix">
											<span>[面试过程]</span>&nbsp;
											<p>面试氛围不错～公司发展前景很好，很有意思！希望有机会参与！</p>
										</div>
										<a href="${url}/javasscript:void(0)" class="review-action">
											有用
											(<em>0</em>)
										</a>
									</div>
								</li>
								<li>
									<div class="photo">
										<img src="${url}/img/photo1.jpg">
									</div>
									<div class="review-right">
										<div class="review-stars clearfix">
											<a class="review-name" title="徐*">徐*</a>
											<span class="title">面试评分&nbsp;&nbsp;:&nbsp;&nbsp;</span>
											<div class="stars">
												<span></span>
											</div>
											<span class="title">面试职位&nbsp;&nbsp;:&nbsp;&nbsp;</span>
											<span class="title">web前端</span>
											<span class="review-date">2017-05-28</span>
										</div>
										<div class="review-tags clearfix">
											<div class="tag">面试官很nice</div>
											<div class="tag">面试效率高</div>
											<div class="tag">环境高大上</div>
										</div>
										<div class="review-content clearfix">
											<span>[面试过程]</span>&nbsp;
											<p>面试氛围不错～公司发展前景很好，很有意思！希望有机会参与！面试氛围不错～公司发展前景很好，很有意思！希望有机会参与！</p>
										</div>
										<a href="${url}/javasscript:void(0)" class="review-action">
											有用
											(<em>7</em>)
										</a>
									</div>
								</li>
							</ul>
						</div>
						</div>
						
						<!--评论为空显示下面的html-->
						<div class="not-evaluation">
							<div class="list-empty">
								<i></i>
								<span>该职位尚未收到面试评价，</span>
								<span>看看该公司
									<a href="${url}/javascript:void(0)" target="_blank">其他职位的面试评价</a>
								</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="right">
				<div class="item">
					<div class="title">公司基本信息</div>
					<div class="info">
						<a class="head" href="${url}/javascript:void(0)" title="${position.company$name }">
							<img src="${url}/img/zhebaojituan.jpg"/>
							<div class="name">
								<span>${position.company$name }</span>
								<i></i>
							</div>
						</a>
						<ul class="features">
							<li>
								<i class="icon1"></i>
								<span>${position.trade$name }</span>
							</li>
							<li>
								<i class="icon2"></i>
								<span>${position.company$nature }</span>
							</li>
							<li>
								<i class="icon3"></i>
								<span>${position.company$sizeStr }</span>
							</li>
						</ul>
					</div>
				</div>
				<div class="item">
					<div class="title">相似职位</div>
					<div class="similar-positions">
						<ul class="similar-list">
						<c:forEach items="${latestPostionList }" var="position">
							<li>
								<a href="${url}/javascript:void(0)" class="clearfix">
									<div class="similar-logo">
										<img src="${url}/img/gongsi.jpg"/>
									</div>
									<div class="pos">
										<h2 title="${position.name }">${position.name }</h2>
										<p>${position.salaryBegin }-${position.salaryEnd }</p>
										<p class="similar-name" title="${position.company$name }"> ${position.company$name }</p>
									</div>
								</a>
							</li>
							</c:forEach>
						</ul>
						<c:if test="${not empty positionList }">
							<a href="${ctx}/javascript:void(0)" class="more-similar">查看更多相似职位</a>
					   </c:if>
					</div>
				</div>
				<a href="${url}/app.html" class="app-ad"></a>
			</div>
		</div>
		<!--滚动到某个位置头部固定-->
		<div class="fixed-header" id="fixedHeader">
			<div class="fixed-content">
				<span class="job">${position.name } /</span>
				<span class="salary">${position.salaryBegin }-${position.salaryEnd }</span>
				<a href="${url}/javascript:void(0)">投个简历</a>
			</div>
		</div>
		<!--底部-->
	  	  <%@ include file="/WEB-INF/view/common/footer.jsp" %>
		<script src="${url}/vendor/jquery.min.js"></script>
		<script src="${url}/vendor/jquery.cookie.js"></script>
		<script src="${url}/js/select-city.js"></script>
		<script src="${url}/js/common.js"></script>
		<script src="${url}/js/position.js"></script>
	</body>
</html>
